/**
 * 'Article' is an article management module for ImpressCMS
 *
 * File: /module_article.css
 * 
 * css file for article module
 * 
 * @copyright	Copyright QM-B (Steffen Flohrer) 2011
 * @license		http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU General Public License (GPL)
 * ----------------------------------------------------------------------------------------------------------
 * 				Article
 * @since		1.00
 * @author		QM-B <qm-b@hotmail.de>
 * @version		$Id: module_article.css 784 2012-09-22 08:29:29Z st.flohrer $
 * @package		article
 *
 */

	/**
	 * 	styles used throughout the site
	 */
	.article_headertable {
		margin-bottom: 2em;
		float: left;
	}
	
	.article_rss {
		float: right;
	}
	
	.article_adminlinks {
		text-align: center;
	}

	.article_clear_both {
		clear: both;
		height: 1px;
	}
	
	.article_clear_left {
		clear: left;
		height: 1px;
	}
	
	.article_clear_right {
		clear: right;
		height: 1px;
	}
	
	.icon_middle { vertical-align: middle; }
	
	.table_row {
		display: table-row;
		padding: .250em;
		line-height: 3em;
	}
	
	.table_row span{
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
	}
	
	.table_row:hover span{
		border-top:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;
	}
	
	.table_cell {
		display: table-cell;
	}

	.article_indeximage {
		text-align: center;
	}
	
	.article_indexheader {
		text-align: center;
		font-size: 2em;
		margin: 1em auto;
	}
	
	.article_indexheading, .article_indexfooter {
		margin: 1em .5em;
		padding-left: .5em;
		padding-right: .5em;
	}
	
	/**
	 * 	styles used in index
	 */
	
	.article_cats {
		margin: 1.5em auto;
		display: table;
		width: 100%;
		padding: 5px;
	}
	
	.article_scat {
		margin: 1.5em 0;
	}
	
	.article_cat_frame {
		display: inline-block;
		width: 30%;
		position: relative;
	}
	
	.article_category {
		width: 100%;
	}
	
	div.article_subcatlist {
		position: relative;
		height: auto;
		width: 100%;
		margin: 0.5em 0;
		padding: 0.5em;
	}
	
	.category_row {
		width: 100%;
	}
	
	.article_cat_img {
		vertical-align: middle;
	}
	
	.article_cat_desc {
		margin: 0em 0em 1em;
	}
	
	.popup, .popup_tag {
		display: none;
	}
	
	.article_screens {
		float: left;
		margin-right: 1em;
	}
	
	.article_cat_teaser {
		
	}
	
	/**
	 * 	some styles for single view
	 */
	.article_info {
		font: smaller Georgia, Arial, Helvetica, sans-serif;
		font-style: italic;
		float: right;
		border: 1px solid #1A1A1A;
		border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	padding: 10px;
	}
	
	.article_content {
		margin: 2em .5em;
	}
	
	.article_image {
		margin: 2em 1em 0em 0em;
		position: relative;
		float: left;
	}
	
	.article_title {
		margin: 3em 0em .5em 1em;
	}
	
	#article_body {
		position: relative;
		margin: 2em 0em;
	}
	
	.article_demo {
		margin-top: 1em;
	}
	
	.article_conclusion {
		margin: 1em 0em;
	}
	
	.article_footer {
		background: #ccc;
		line-height: 2.5em;
		margin-top: 2em;
		padding-left: .5em;
		padding-right: .5em;
	}
	
	.article_button_bar {
		float: right;
		margin-left: 1em;
	}
	
	#Paginate {
		margin: 1em auto;
		text-align: center;
	}
	
	#articlez {
		width: 37%;
	}
	
	.article_publisher {
		float: left;
		margin: 0 15px;
	}
	
	/**
	 * 	newsticker
	 */
	.tickercontainer { /* the outer div with the black border */
		border: 1px solid #000;
		background: transparent; 
		width: 95%; 
		height: 27px; 
		margin: 2em auto;
		padding: 0;
		overflow: hidden; 
	}
	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
		position: relative;
		left: 10px;
		top: 8px;
		width: 90%;
		overflow: hidden;
	}
	ul#articles_newsticker { /* that's your list */
		position: relative;
		left: 750px;
		font: bold 10px Verdana;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
	}
	ul#articles_newsticker li {
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0;
		padding: 0;
		background: #fff;
	}
	ul#articles_newsticker a {
		white-space: nowrap;
		padding: 0;
		color: #ff0000;
		font: bold 10px Verdana;
		margin: 0 50px 0 0;
	} 
	ul#articles_newsticker span {
		margin: 0 10px 0 0;
	}
	
	/**
	 * 	pagination
	 */
	.jPaginate{
		text-align: center;
		margin: 1em auto;
	    height:34px;
	    position:relative;
	    color:#a5a5a5;
	    font-size:small;
	    width:auto;
	}
	.jPaginate a{
		line-height:15px;
		height:18px;
		cursor:pointer;
		padding:2px 5px;
		margin:2px;
		float:left;
	}
	.jPag-control-back{
		position:absolute;
		left:0px;
	}
	.jPag-control-front{
		position:absolute;
		top:0px;
	}
	.jPaginate span{
		cursor:pointer;
	}
	ul.jPag-pages{
		float:left;
		list-style-type:none;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	ul.jPag-pages li{
		display:inline;
		float:left;
		padding:0px;
		margin:0px;
	}
	ul.jPag-pages li a{
		float:left;
		padding:2px 5px;
	}
	span.jPag-current{
		cursor:default;
		font-weight:normal;
		line-height:15px;
		height:18px;
		padding:2px 5px;
		margin:2px;
		float:left;
	}
	ul.jPag-pages li span.jPag-previous,
	ul.jPag-pages li span.jPag-next,
	span.jPag-sprevious,
	span.jPag-snext,
	ul.jPag-pages li span.jPag-previous-img,
	ul.jPag-pages li span.jPag-next-img,
	span.jPag-sprevious-img,
	span.jPag-snext-img {
		height:22px;
		margin:2px;
		float:left;
		line-height:18px;
	}
	ul.jPag-pages li span.jPag-previous,
	ul.jPag-pages li span.jPag-previous-img{
		margin:2px 0px 2px 2px;
		font-size:12px;
		font-weight:bold;
		width:10px;
	}
	ul.jPag-pages li span.jPag-next,
	ul.jPag-pages li span.jPag-next-img{
		margin:2px 2px 2px 0px;
		font-size:12px;
		font-weight:bold;
		width:10px;
	}
	span.jPag-sprevious,
	span.jPag-sprevious-img{
		margin:2px 0px 2px 2px;
		font-size:18px;
		width:15px;
		text-align:right;
	}
	span.jPag-snext,
	span.jPag-snext-img{
		margin:2px 2px 2px 0px;
		font-size:18px;
		width:15px;
		text-align:right;
	}
	ul.jPag-pages li span.jPag-previous-img{
		background:transparent url(images/previous.png) no-repeat center right;
	}
	ul.jPag-pages li span.jPag-next-img{
		background:transparent url(images/next.png) no-repeat center left;
	}
	span.jPag-sprevious-img{
		background:transparent url(images/sprevious.png) no-repeat center right;
	}
	span.jPag-snext-img{
		background:transparent url(images/snext.png) no-repeat center left;
	}
	
	/**
	 * 	read more button
	 */
	.read_more {
		
		position: absolute;
		bottom: 15px;
		display: block;
	}

	.btn {
		display: inline-block;
		width: 100px;
		height: 44px;
		line-height: 44px;
		padding: 0 0 0 50px;
		background: white url("images/goto.png") no-repeat center left;
		color: #999;
		font-weight: bold;
		font-size: 12px;
		text-shadow: 0 1px 0 #fff;
		position: relative;
		border: 1px solid #DFDFDF;
		margin: 0 0 10px 0;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}

	.btn:hover {
		border-color:#cacaca;
		background: #F8F8F8 url("images/goto.png") no-repeat center left;
		text-decoration: none;
	}
	
	.download {
		width: auto;
		padding: 0 20px 0 50px;
	}
